<%--
  Created by IntelliJ IDEA.
  User: Baggio
  Date: 2017-11-20
  Time: 15:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<style>
    .info_foot {
        width: 100%;
        background: #f6f6f6;
        padding-bottom: 40px;
    }

    .info_foot img {

    }

    .info_foot .foot_box_01 {
        width: 1200px;
        height: 104px;
        margin: 0 auto;
    }

    .info_foot .foot_box_01:after {
        content: '';
        display: block;
        clear: both;
    }

    .info_foot .foot_box_01 span {
        margin-top: 25px;
        margin-left: 260px;
        display: inline-block;
    }

    .info_foot .foot_box_01 span:nth-child(1) {
        margin-left: 25px;
    }

    .info_foot .foot_box_01 span img {
        width: 205px;
    }

    .info_foot .Separate {
        width: 1256px;
        margin: 0 auto;
        border-top: 1px solid #cdcdcd;
    }

    .info_foot .foot_box_02 {
        width: 1200px;
        margin: 0 auto;
        padding-top: 27px;
    }

    .info_foot .foot_box_02:after {
        content: '';
        display: block;
        clear: both;
    }

    .info_foot .foot_box_02 ul:after {
        content: '';
        display: block;
        clear: both;
    }

    .info_foot .foot_box_02 ul {
        width: 180px;
        display: inline-block;
        float: left;
    }

    .info_foot .foot_box_02 ul li {
        margin-top: 16px;
    }

    .info_foot .foot_box_02 ul li:nth-child(1) a {
        color: #000;
    }

    .info_foot .foot_box_02 ul li a {
        font-size: 16px;
        color: #999;
    }

    .info_foot .foot_box_02 .Scavenging {
        display: inline-block;
        margin-left: 100px;
        float: left;
    }

    .info_foot .foot_box_02 .Scavenging:after {
        content: '';
        display: block;
        clear: both;
    }

    .info_foot .foot_box_02 .Scavenging h3 {
        color: #000;
        font-size: 20px;
        font-weight: 400;
        margin-top: 13px;
    }

    .info_foot .foot_box_02 .Scavenging .box_01 {
        width: 78px;
        text-align: center;
        display: inline-block;
        margin-top: 25px;
        float: left;
    }

    .info_foot .foot_box_02 .Scavenging .box_01 img {
        width: 54px;
        height: 54px;
        display: block;
        margin: 0 auto;
    }

    .info_foot .foot_box_02 .Scavenging .box_01 span {
        color: #333;
        font-size: 14px;
        margin-top: 15px;
    }

    .Customer_service {
        display: inline-block;

        text-align: right;
        float: right;
    }

    .Customer_service h3 {
        color: #000;
        font-size: 20px;
        font-weight: 400;
        margin-top: 13px;
    }

    .Customer_service h2 {
        color: #000;
        font-size: 42px;
        font-weight: 200;
        margin-top: 15px;
    }

    .Customer_service span {
        color: #333;
        font-size: 15px;
        margin-top: 15px;
    }
</style>


<div class="info_foot">


    <div class="foot_box_01">
        <span><img src="/static/images/index/web/foot_01.png" alt=""></span>
        <span><img src="/static/images/index/web/foot_02.png" alt=""></span>
        <span><img src="/static/images/index/web/foot_03.png" alt=""></span>
    </div>
    <div class="Separate"></div>
    <div class="foot_box_02">
        <ul>
            <li><a href="javascript:;">网上购买渠道</a></li>
            <li><a href="javascript:;">京东旗舰店</a></li>
            <li><a href="javascript:;">天猫旗舰店</a></li>
            <li><a href="javascript:;">苏宁旗舰店</a></li>
            <li><a href="javascript:;">国美旗舰店</a></li>

        </ul>
        <ul>
            <li><a href="javascript:;">服务支持</a></li>
            <li><a href="javascript:;">常见问题</a></li>
            <li><a href="javascript:;">保修政策</a></li>
            <li><a href="javascript:;">零配件价格</a></li>
            <li><a href="javascript:;">说明书</a></li>
            <li><a href="javascript:;">售后维修参考价格</a></li>
        </ul>
        <ul>
            <li><a href="javascript:;">关于我们</a></li>
            <li><a href="javascript:;">关于秀才手表</a></li>
            <li><a href="javascript:;">官方论坛</a></li>
            <li><a href="javascript:;">加入我们</a></li>
            <li><a href="javascript:;">联系我们</a></li>

        </ul>

        <div class="Scavenging">
            <h3>关注我们</h3>
            <div class="box_01">
                <img src="/static/images/index/web/qr_code.png" alt="">
                <span>官方微博</span>
            </div>
            <div class="box_01">
                <img src="/static/images/index/web/qr_code.png" alt="">
                <span>微信公众号</span>
            </div>
        </div>
        <div class="Customer_service">
            <h3>客服电话</h3>
            <h2>400-6822-360</h2>
            <span>周一到周日 9:00-18:00</span>
        </div>
    </div>

</div>